<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0 , user-scalable=no,minimal-ui">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>F6 SUPERSHOT官网</title>
  <link rel="stylesheet" href="./static/css/reset.css">
  <style>
    html,body{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
    }
    .audio-btn{
      width: .5rem;
      height: .5rem;
      background-image: url(./static/img/play.png);
      background-size: cover;
      background-repeat: no-repeat;
      position: fixed;
      top:1.5rem;
      left: .2rem;
    }
  </style>
</head>
  <body>
    <iframe src="./home.html" width="100%" height="100%" frameborder=0 id="ifranme-demo"></iframe>
    <section class="main">
      <div class="call-warp">
        <div class="call-content">
          <img src="" alt="">
          <!-- <a class="tel" href="tel:400-0300-368"></a> -->
          <a class="mail" href="mailto:f6@by-health.com"></a>
        </div>
      </div>
    </section>
    <div class="audio-btn"></div>
    <audio id="audio1" src="http://file.rzkeji.com/web/f6/web/music/Last%20Night.mp3"></audio>
    <script src="./static/js/zepto.min.js"></script>
    <script src="./static/js/touch.js"></script>
    <script src="./static/js/fx.js"></script>
    <script src="./static/js/zepto.cookie.min.js"></script>
    <script>
      // function audioAutoPlay(id){
      //   var flag = true;
      //   if(flag){
      //     var audio1 = document.getElementById(id),
      //     play = function(){
      //       audio1.play();
      //       document.removeEventListener("touchstart",play, false);
      //     };
      //     audio1.play();
      //     document.addEventListener("WeixinJSBridgeReady", function () {//微信
      //       play();
      //     }, false);
      //     document.addEventListener('YixinJSBridgeReady', function() {//易信
      //       play();
      //     }, false);
      //     document.addEventListener("touchstart",play, false);
      //     audioAutoPlay('player1');
      //   }
      //   flag = false;
      // }
      // audioAutoPlay("audio1");
      var audioA = document.getElementById("audio1");

      $('.audio-btn').on('tap',function(){
        var playFlag = $('.audio-btn').css('background-image').indexOf('play')
        if(playFlag == -1){
          audioA.pause();
          $('.audio-btn').css('background-image','url(./static/img/play.png)')
        }else{
          audioA.play();
          $('.audio-btn').css('background-image','url(./static/img/stop.png)')
        }
      })
    </script>
  </body>
</html>